<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/main_3.css">
    <link rel="stylesheet" href="css/lightPosition.css">
    <link rel="stylesheet" href="css/backgroundImgPosition.css">
</head>
<body>
<div class="flashBtn"></div>
<main class="img-wrap">
    <div class="mask"></div>

    <img class="light p1" style="opacity: 0" src="img/light/7.png" alt="">
    <img class="light p2" style="opacity: 0" src="img/light/9.png" alt="">
    <img class="light p3" style="opacity: 0" src="img/light/12.png" alt="">
    <img class="light p4" style="opacity: 0" src="img/light/16.png" alt="">
    <img class="light p5" style="opacity: 0" src="img/light/19.png" alt="">
    <img class="light p6" style="opacity: 0" src="img/light/21.png" alt="">
    <img class="light p7" style="opacity: 0" src="img/light/23.png" alt="">
    <img class="light p8" style="opacity: 0" src="img/light/24.png" alt="">
    <img class="light p9" style="opacity: 0" src="img/light/1.png" alt="">
    <!--    bg-->
    <img class="bg bg1" style="display: block; z-index: 201" src="img/background/small/7：00.png" alt="">
    <img class="bg bg2" style="display: none" src="img/background/small/9：00.png" alt="">
    <img class="bg bg3" style="display: none" src="img/background/small/12：00.png" alt="">
    <img class="bg bg4" style="display: none" src="img/background/small/16：00.png" alt="">
    <img class="bg bg5" style="display: none" src="img/background/small/19：00.png" alt="">
    <img class="bg bg6" style="display: none" src="img/background/small/21：00.png" alt="">
    <img class="bg bg7" style="display: none" src="img/background/small/23：00.png" alt="">
    <img class="bg bg8" style="display: none" src="img/background/small/24：00.png" alt="">
    <img class="bg bg9" style="display: none" src="img/background/small/1：00.png" alt="">
    <!--    wiz-->
    <img class="bg bg10" style="display: none" src="img/wiz.jpg" alt="">
    <!--    bgMask 背景是模糊的东西-->
    <img class="maskBg maskBg1" style="display: block" src="img/background/small/7：00.png" alt="">
    <img class="maskBg maskBg2" style="display: none" src="img/background/small/9：00.png" alt="">
    <img class="maskBg maskBg3" style="display: none" src="img/background/small/12：00.png" alt="">
    <img class="maskBg maskBg4" style="display: none" src="img/background/small/16：00.png" alt="">
    <img class="maskBg maskBg5" style="display: none" src="img/background/small/19：00.png" alt="">
    <img class="maskBg maskBg6" style="display: none" src="img/background/small/21：00.png" alt="">
    <img class="maskBg maskBg7" style="display: none" src="img/background/small/23：00.png" alt="">
    <img class="maskBg maskBg8" style="display: none" src="img/background/small/24：00.png" alt="">
    <img class="maskBg maskBg9" style="display: none" src="img/background/small/1：00.png" alt="">
</main>
</body>
</html>
<script src="js/maskData.js"></script>
<script src="js/btnData.js"></script>
<script src="js/main_3.js"></script>
